@charset "utf-8";
body{
	padding: 60px 20px;
	background: #fff;
	display: none;
}
.fixed-line{
	position: fixed;
	_position: absolute;
	line-height: 40px;
	top: 5px;
	width: 100%;
	left: 0;
	padding-left: 20px;
}
li{
	line-height: 20px;
	height: 20px;
	margin: 4px 0;
	list-style: none;
	img{
		width: 20px;
		height: 20px;
		margin-right: 4px;
	}
}
.big li{
	text-align: center;
	float: left;
	width: 80px;
	height: 80px;
	margin: 0 20px 20px 0;
	a{
		display: block;
	    animation-duration:.5s;
	    animation-name:un-rotate;
	    img{
			width: auto;
			height: auto; 
			display: block;
			margin: 0 auto;
		}
		&:hover{
		    animation-duration:.2s;
		    animation-name:rotate;
			border: 1px solid #ea9;
		}
	}
}

@keyframes rotate{
    0%{ transform:rotate(0); }
    100%{ transform:rotate(360deg); }
}
@keyframes un-rotate{
    100%{ transform:rotate(0); }
    0%{ transform:rotate(360deg); }
}